

<!DOCTYPE html> 
<html> 
    <head> 
      <link rel="stylesheet" href="{{STATIC_URL}}jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="{{STATIC_URL}}jquery.min.js"></script>
    <script src="{{STATIC_URL}}jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head> 
<body>

<div data-role="page" > 
    <div data-role="header">
<a href="#" onclick="$('#sideNoti').load('/quiz/lecture/getquizzes/{{quiz.lecture.id}}')" data-icon="arrow-l">back</a>
      <h1 style="color:#FFFFFF;">{{quiz.title}}</h1>
<a href="#" onclick="$('#sideNoti').slideToggle('slow', function() {});" data-icon="minus" data-mini="true">Hide</a>
  
   <div data-role="navbar">
	<ul>
<li><a onclick="$('#sideNoti').load('/quiz/lecture/getquizzes/{{quiz.lecture.id}}')" class="ui-btn-active ui-state-persist"  href="#" >Quizzes</a></li>
		<li><a    href="#"  onclick="$('#sideNoti').load('/messages/list/{{quiz.lecture.id}}')" >Messaging Board</a></li>
	</ul>
</div><!-- /navbar -->   
   
    </div> 
 <div data-role="content">
<h2 style="color:#000000;">{{nsub}} student(s) Answered this quiz</h2>

<ul data-role="listview" data-inset="true">
{% for stat in stats %}

<li>{% for s in stat %}
{{s}}
{% endfor %}</li>
{% endfor %}
</ul>
   
</div>
</body>
</html>
